<!doctype html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta charset="UTF-8">
	<title>Izwebz 2014</title>
	
	<!-- Script -->
	<script src="script/jquery-2.1.0.min.js"></script>
	<script src="script/waypoints.min.js"></script>
	<script src="script/jquery.screwdefaultbuttonsV2.min.js"></script>
	<script src="script/application.js"></script>
	<!-- Style -->
	<link rel="stylesheet" href="css/type.css">
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<nav class="main-nav" id="main-nav">
		<ul>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
		</ul>
	</nav>
	<div class="page-wrap">
		<header class="wrapper">
			<section id="head">
				<a href="#" class="logo floatLeft"><img src="images/logo.png" alt="izwebz logo"></a>
				<a href="#main-nav" class="list floatRight open-menu"><img src="images/icon-list.png" alt="Izwebz menu"></a>
			    <a href="#" class="list floatRight close-menu"><img src="images/icon-list.png" alt="Izwebz menu"></a>
			    <div class="clearfix"></div>
			</section>
			<!-- #head -->
		</header>
		<!-- Header -->
			
		<article id="mainContain" class="wrapper">
			<section class="floatLeft page" id="singlePost">
				<div class="postLabel">
					<!-- <h3 class="uppercase">#bảng phong </h3> -->
				</div>
				<!-- /.label -->
				<div class="postDetail">
					<div class="head100Top">
						<img src="images/top100.png" alt="">
					</div>
					<!--  -->
					<div class="top3">
						<div class="number">
							<div class="cup">
								<img src="images/top01.png" alt="">
							</div>
							<div class="avaTop"><img src="images/demo-post.jpg" width="50" alt=""></div>
							<div class="pointTop">
								<h3>Vo Minh Man</h3>
								<p>100 diem / 50 cau hoi</p>
							</div>
						</div>
						<!-- /.number -->
						<div class="number">
							<div class="cup">
								<img src="images/top02.png" alt="">
							</div>
							<div class="avaTop"><img src="images/demo-post.jpg" width="50" alt=""></div>
							<div class="pointTop">
								<h3>Vo Minh Man</h3>
								<p>100 diem / 50 cau hoi</p>
							</div>
						</div>
						<!-- /.number -->
						<div class="number">
							<div class="cup">
								<img src="images/top03.png" alt="">
							</div>
							<div class="avaTop"><img src="images/demo-post.jpg" width="50" alt=""></div>
							<div class="pointTop">
								<h3>Vo Minh Man</h3>
								<p>100 diem / 50 cau hoi</p>
							</div>
						</div>
						<!-- /.number -->
					</div>
					<!--  -->
					<div class="topOther">
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
						<div class="userTopOther">
							<div class="imgOther">
								<img src="images/demo-post.jpg" width="50" alt="">
								<span>04</span>
							</div>
							<div class="proOther">
								<h3>Vo Minh Man</h3>
								<p>155 diem</p>
							</div>
						</div>
						<!--  -->
					</div>
					<!-- /.topOther -->

					<div class="foot100Top">
						<ul>
							<li><a href="#">Phương pháp tính điểm?</a></li>
							<li><a href="#">Hướng dẫn cách trả lời câu hỏi.</a></li>
							<li><a href="#">Quy định sử dụng.</a></li>
						</ul>
					</div>
				</div>
				<!-- /.postDetail -->

			</section>
			<!-- /#lastestPost.floatLeft -->

			<aside class="floatRight">
				<section id="hotSeries">
					<h1># bài viết liên quan</h1>
					<div class="sidebarContent">
						<ul>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Cách tạo themes wordpress</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Cách chuyển PSD sang HTML</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>

							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">PHP Căn bản</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Fonts cho web</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
						</ul>
					</div>
				</section>
				<!-- hotSeries -->			
				<section id="newsLetter">
					<h1># Izwebz Newsletter</h1>
					<div class="sidebarContent">
						<p>Bạn sẽ không bõ lỡ bất kỳ bài viết mới nào tại izwebz. Chúng tôi sẽ gửi bạn email bản tin cập nhật hàng tuần.</p>
						<form action="#">
							<input type="email" placeholder="Điền vào email của bạn">
							<input type="submit" value="Update">
						</form>
					</div>
				</section>
				<!-- newsLetter -->
				<section id="fbGroup" class="noMaPa">
					<img src="images/fbGroup.jpg" alt="">
				</section>
				<section id="izSpon">
					
				</section>
				<!-- /#izSpon -->
			</aside>
			<!-- /.floatRight -->
			<div class="clearfix"></div>
		</article>
		<!-- /#mainContent.wrapper -->
		<footer>
			<div class="wrapper">
				<section id="intro">
					<img src="images/logo.png" alt="Izwebz Logo" width="250">
					<p>Izwebz.com được thành lập vào năm 2008, là một trong những website tiên phong trong việc giảng dạy và đào tạo trong lĩnh vực thiết kế và lập trình web miễn phí tại Việt Nam. Với phương châm <span class="bold">Let’s do together</span>, Izwebz luôn cho ra những video hướng dẫn học trực quan nhất cho người xem.</p>
				</section>
				<!-- /#intro -->
				<section id="rule">
					<h4>Quy định sử dụng</h4>
					<ul>
						<li>- Quy định được đặt ra không phải cho có, bạn phải mình tuân thủ những gì nêu bên dưới đây</li>
						<li>- Bạn không được tự ý copy và phát hành lại nội dung của izwebz nếu chưa được sự đồng ý của tôi.</li>
						<li>- Biết tôn trọng và cư xử hòa nhã với mọi người</li>
						<li>- Không "bóc tem" bài viết.</li>
						<li>- Izwebz được quyền xóa những comment nào không phù hợp với nội dung của trang web</li>
					</ul>
				</section>
				<!-- /#rule -->
				<section id="linked">
					<h4>Trao đổi liên kết</h4>
					<ul>
						<li><a href="#">Thạch Phạm Blog</a></li>
						<li><a href="#">Thế Giới Mã Nguồn</a></li>
						<li><a href="#">Tin công nghê</a></li>
						<li><a href="#">Thủ thuật Wordpress</a></li>
					</ul>
				</section>
			</div>

			<section id="copyright">
				<div class="wrapper">
					<div class="floatLeft">
						Copyright 2008-2014 by izwebz.com
					</div>
					<!-- /.floatLeft -->
					<div class="floatRight">
						<img src="images/wp-logo.png" alt="">
					</div>
					<!-- /.floatRight -->
					<div class="clearfix"></div>
				</div>
			</section>
			<!-- /#copyright -->
		</footer>
	</div>

</body>
</html>